<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1、新增布局标签（部分） -->
    <div class="header"></div>
    <header>语义 :定义页面的头部  页眉</header>IE9开始支持
    <nav>语义 :定义导航栏</nav>
    <aside>定义其所处内容之外的内容 侧边栏</aside>
    <article>语义:  定义文章</article>
    <section>语义： 定义区域、区块</section>
    <footer>语义: 定义 页面底部 页脚</footer>
    <!-- 2、 HTML5音频标签-->
     <audio src="./media/See You Again.mp3" controls loop autoplay></audio>
     <br>
     <!-- 多浏览器解决方案 -->
     <audio controls loop autoplay>
        <source src="./media/See You Again.mp3">
        <source src="./media/See You Again.ogg">
        <source src="./media/See You Again.wav">
        您的浏览器版本过低，请升级！
     </audio>
     <br>
     <!-- 3、HTML5视频标签 -->
     <video src="./media/movie.mp4" width="1000" controls loop autoplay></video>
</body>
</html>